<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千锋互联</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        li {
            list-style: none;
        }
        
        a {
            color: #333;
            text-decoration: none;
        }

        #nav {
            width: 1000px;
            height: 62px;
            background:#232323;
        }
        #nav h1 {
            width: 256px;
            height: 62px;
            float: left;
            padding: 12px 0px 0px 10px;
        }
        #nav ul {
            width: 734px;
            height: 62px;
            float: left;
        }
        #nav ul li {
            float: left;
            padding: 0px 14px;
            font-size: 14px;
            line-height: 62px;
            background:url(images/千锋互联-01.png) no-repeat right;
        }
        .line_no {
            background: none;
        }
        #nav ul li a {
            color: white;
            font-weight: bold;
        }
        #nav ul li:hover {
            background: #f15a23;
        }



        #banner {
            width: 1000px;
            height: 420px;
            background-image: url(images/千锋互联-06.png);
            border-bottom: 1px solid #a8aaa7;
        }


        #content {
            width: 1000px;
            height: 296px;

            background-color: #f5f5f5;
            text-align: center;
        }
        .content-o {
            width: 250px;
            height: 296px;
            float: left;
        }
        .content-o img {
            padding: 54px 0 0 0;
        }
   
        .content-o-o {
            text-align: center center;
            font-size: 20px;
            line-height: 44px;
        }
        .content-o-t {
            font-size: 12px;
            line-height: 30px;
            color: #546c78;
        }
        .content-o-h {
            text-align: center;
            font-size: 12px;
            color: #a1b9c3;
        }

        .content-t {
            width: 250px;
            height: 296px;
            float: left;
        }
        .content-t img {
            padding: 54px 0 0 0;
        }
   
        .content-t-o {
            text-align: center center;
            font-size: 20px;
            line-height: 44px;
        }
        .content-t-t {
            font-size: 12px;
            line-height: 30px;
            color: #546c78;
        }
        .content-t-h {
            text-align: center;
            font-size: 12px;
            color: #a1b9c3;
        }

        .content-h {
            width: 250px;
            height: 296px;
            float: left;
        }
        .content-h img {
            padding: 54px 0 0 0;
        }
   
        .content-h-o {
            text-align: center center;
            font-size: 20px;
            line-height: 44px;
        }
        .content-h-t {
            font-size: 12px;
            line-height: 30px;
            color: #546c78;
        }
        .content-h-h {
            text-align: center;
            font-size: 12px;
            color: #a1b9c3;
        }
        .content-f {
            width: 250px;
            height: 296px;
            float: left;
        }
        .content-f img {
            padding: 54px 0 0 0;
        }
   
        .content-f-o {
            text-align: center center;
            font-size: 20px;
            line-height: 44px;
        }
        .content-f-t {
            font-size: 12px;
            line-height: 30px;
            color: #546c78;
        }
        .content-f-h {
            text-align: center;
            font-size: 12px;
            color: #a1b9c3;
        }



        #news {
            width: 1000px;
            height: 308px;
            background-color: white;
        }
        .news-o img {
            width: 300px;
            height: 224px;
            padding: 42px 0 42px 0;
            float: left;
        }

        .news-t {
            width: 352px;
            height: 308px;
            float: left;
        }
        .news-t-o {
            width: 352px;  
            height: 120px;
            padding: 44px 26px 14px 14px;
        }
        .news-t-o-o {
             font-size: 18px;
             line-height: 40px;
             color: #2c1f30;
        }
        .news-t-o-t { 
             font-size: 16px;
             line-height: 40px;
             color: #3a473e;
        } 
        .news-t-o-h {
            text-indent: 24px;
             font-size: 12px;
             line-height: 18px;
             color: #9c9c9c;
             padding: 0px 26px 0px 0px;
        }
        .news-t-t {
            font-size: 12px;
            text-indent: 26px;
            color: #444444;
            line-height: 24px;

        }
        


        .news-h {
            width: 336px;
            height: 220px;
            float: left;
            padding: 40px 0 48px 12px;
        }
        .news-h-o {
            font-size: 20px;
            color: #020300;
            line-height: 40px;
        }
        .news-h-h {
            font-size: 18px;
            line-height: 70px;
            color: #60686a;
        }
        .news-h-f {
            font-size: 12px;
            line-height: 22px;
            color: #606a76;
        }



        #footer-link {
            width: 1000px;
            height: 214px;
            background-color: #222222;
        }
        .footer-link-o {
            width: 492px;
            height: 214px;
            float: left;
        }
        .footer-link-t {
            float: left;
            width: 230px;
            height: 166px;
            padding: 30px 38px 16px  46px;

        }
        .footer-link-h {
            width: 142px;
            height: 146px;
            padding: 20px 12px 48px 40px;
            float: left;
            font-size: 12px;
            text-align: center;
            color: #434544;
        }


        .footer-link-o-o {
            width: 98px;
            height: 214px;
            padding: 50px 0px 42px 0px;
            text-align: center;
            float: left;
        }
        .footer-link-o-o-o {
            font-size: 12px;
            line-height: 36px;
            color: white;
        }
        .footer-link-o-o-t {
            font-size: 12px;
            line-height: 24px;
            color: #9c9c9c;
        }

        .footer-link-o-t {
            width: 98px;
            height: 214px;
            padding: 50px 0px 42px 0px;
            text-align: center;
            float: left;
        }
        .footer-link-o-t-o {
            font-size: 12px;
            line-height: 36px;
            color: white;
        }
        .footer-link-o-t-t {
            font-size: 12px;
            line-height: 24px;
            color: #9c9c9c;
        }

        .footer-link-o-h {
            width: 98px;
            height: 214px;
            padding: 50px 0px 42px 0px;
            text-align: center;
            float: left;
        }
        .footer-link-o-h-o {
            font-size: 12px;
            line-height: 36px;
            color: white;
        }
        .footer-link-o-h-t {
            font-size: 12px;
            line-height: 24px;
            color: #9c9c9c;
        }

        .footer-link-o-four {
            width: 98px;
            height: 214px;
            padding: 50px 0px 42px 0px;
            text-align: center;
            float: left;
        }
        .footer-link-o-four-o {
            font-size: 12px;
            line-height: 36px;
            color: white;
        }
        .footer-link-o-four-t {
            font-size: 12px;
            line-height: 24px;
            color: #9c9c9c;
        }

        .footer-link-o-five {
            width: 100px;
            height: 214px;
            padding: 50px 0px 42px 0px;
            text-align: center;
            float: left;
        }
        .footer-link-o-five-o {
            font-size: 12px;
            line-height: 36px;
            color: white;
        }
        .footer-link-o-five-t {
            font-size: 12px;
            line-height: 24px;
            color: #9c9c9c;
        }


 






        #footer-copy {
            width: 1000px;
            height: 44px;
            background-color: #101010;
            float: left;
            font-size: 12px;
            color: #979797;
            text-align: center;
            line-height: 44px;
        }
    </style>
    
</head>
<body>

    <div id="nav">     
        <h1>
            <img src="images/千锋互联-03.png" alt="">
        </h1>
        <div>
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">走进千锋</a></li>
                <li><a href="">人才服务</a></li>
                <li><a href="">千锋教育</a></li>
                <li><a href="">好程序员</a></li>
                <li><a href="">扣丁学堂</a></li>
                <li><a href="">APP外包</a></li>
                <li><a href="">培训服务</a></li>
                <li class="line-no"><a href="">创业孵化</a></li>
            </ul>
        </div>
    </div>


    <div id="banner"> </div>


    <div id="content">
        <div class="content-o">
            <img src="images/千锋互联-09.png" alt="">
            <p class="content-o-o">移动产业</p>
            <p class="content-o-t">国内最大移动互联网开发技术人才提供平台</p>
            <P class="content-o-h">精准高效的人才匹配</P>
            <p class="content-o-h">专业多样的招聘平台</p>
            <p class="content-o-h">覆盖全国的优质资源</p>
        </div>

        <div class="content-t">
            <img src="images/千锋互联-11.png" alt="">
            <p class="content-t-o">移动产业</p>
            <p class="content-t-t">国内最大移动互联网开发技术人才提供平台</p>
            <P class="content-t-h">精准高效的人才匹配</P>
            <p class="content-t-h">专业多样的招聘平台</p>
            <p class="content-t-h">覆盖全国的优质资源</p>
        </div>
        <div class="content-h">
            <img src="images/千锋互联-13.png" alt="">
            <p class="content-h-o">移动产业</p>
            <p class="content-h-t">国内最大移动互联网开发技术人才提供平台</p>
            <P class="content-h-h">精准高效的人才匹配</P>
            <p class="content-h-h">专业多样的招聘平台</p>
            <p class="content-h-h">覆盖全国的优质资源</p>
        </div>
        <div class="content-f">
            <img src="images/千锋互联-15.png" alt="">
            <p class="content-f-o">移动产业</p>
            <p class="content-f-t">国内最大移动互联网开发技术人才提供平台</p>
            <P class="content-f-h">精准高效的人才匹配</P>
            <p class="content-f-h">专业多样的招聘平台</p>
            <p class="content-f-h">覆盖全国的优质资源</p>
        </div>
    </div>


    <div id="news">

        <div class="news-o">
            <img src="images/千锋互联-22.png" alt="">
        </div>

        <div class="news-t">
            <div class="news-t-o">
                <p class="news-t-o-o"><a href="">动态新闻</a></p>
                <p class="news-t-o-t"><a href="">你在千锋学习 百度有钱出钱</a></p>
                <p class="news-t-o-h"><a href="">为了能够让更多学子学到真本领，逆袭人生，从而改变命运，千锋教育集团与百度金融事业部经过长达半年...</a></p>
            </div>
            <div class="news-t-t">
                <ul>
                    <li><a href="">千锋学员走进名企观摩学习与名企面对面</a></li>
                    <li><a href="">千锋学员走进名企观摩学习与名企面对面</a></li>
                    <li><a href="">千锋学员走进名企观摩学习与名企面对面</a></li>
                    <li><a href="">千锋学员走进名企观摩学习与名企面对面</a></li>

                </ul>
            </div>
        </div>

        <div class="news-h">
            <p class="news-h-o"><a href="">与我们洽谈</a></p>
            <p class="news-h-t">
                <a href=""><img src="images/千锋互联-25.png" alt=""></a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href=""><img src="images/千锋互联-25.png" alt=""></a>
            </p>
            <p class="news-h-h">400-654-7778</p>
            <p class="news-h-f"><a href="">培训时间:010-82790226/7</a></p>
            <p class="news-h-f"><a href="">培训时间:010-82790226/7</a></p>
            <p class="news-h-f"><a href="">培训时间:010-82790226/7</a></p>
            <p class="news-h-f"><a href="">培训时间:010-82790226/7</a></p>
        </div>
    </div>


    <div id="footer-link">
        <div class="footer-link-o">

            <div class="footer-link-o-o">
                <a href="">
                    <ul>
                        <li class="footer-link-o-o-o" >人才服务</li>
                        <li class="footer-link-o-o-t" >企业联盟</li>
                        <li class="footer-link-o-o-t" >企业招聘</li>
                        <li class="footer-link-o-o-t" >优秀人才</li>
                        <li class="footer-link-o-o-t" >名企双选会</li>
                    </ul>
                </a>
            </div>
            <div class="footer-link-o-t">
                <a href="">
                    <ul>
                        <li class="footer-link-o-t-o" >人才服务</li>
                        <li class="footer-link-o-t-t" >企业联盟</li>
                        <li class="footer-link-o-t-t" >企业招聘</li>
                        <li class="footer-link-o-t-t" >优秀人才</li>
                        <li class="footer-link-o-t-t" >名企双选会</li>
                    </ul>
                </a>
            </div>
            <div class="footer-link-o-h">
                <a href="">
                    <ul>
                        <li class="footer-link-o-h-o" >人才服务</li>
                        <li class="footer-link-o-h-t" >企业联盟</li>
                        <li class="footer-link-o-h-t" >企业招聘</li>
                        <li class="footer-link-o-h-t" >优秀人才</li>
                        <li class="footer-link-o-h-t" >名企双选会</li>
                    </ul>
                </a>
            </div>
            <div class="footer-link-o-four">
                <a href="">
                    <ul>
                        <li class="footer-link-o-four-o" >人才服务</li>
                        <li class="footer-link-o-four-t" >企业联盟</li>
                        <li class="footer-link-o-four-t" >企业招聘</li>
                        <li class="footer-link-o-four-t" >优秀人才</li>
                        <li class="footer-link-o-four-t" >名企双选会</li>
                    </ul>
                </a>
            </div>
            <div class="footer-link-o-five">
                <a href="">
                    <ul>
                        <li class="footer-link-o-five-o" >人才服务</li>
                        <li class="footer-link-o-five-t" >企业联盟</li>
                        <li class="footer-link-o-five-t" >企业招聘</li>
                        <li class="footer-link-o-five-t" >优秀人才</li>
                        <li class="footer-link-o-five-t" >名企双选会</li>
                    </ul>
                </a>
            </div>

        </div>

        <div class="footer-link-t">
            <img src="images/333.png" alt="">
        </div>

        <div class="footer-link-h">
            <img src="images/千锋互联_29.png" alt="">
            <p>千锋教育微信号</p>
            <p>扫描加好友</p>
        </div>
    </div>


    <div id="footer-copy">
        <p>Copyright 2007-2014 北京千锋互联科技有限公司 京ICP备12003911号-3 京公安网安备11010802011455号 站长统计 百度统计</p>
    </div>
</body>
</html>